/* 公用样式文件 ---主要实现可以反复使用的类名 所有选择器,都不建议从公用样式类名上通过 */
/* 版心: 固定宽度,水平居中 */
.container{
    width: 1200px;
    margin:0 auto;
}

/*浮动 */
.fl{
    float: left;
}
.fr{
    float: right;
}

/* 清除浮动 */
.clearfix:after{
    content:'';
    display: block;
    height: 0;
    clear: both;
}

/* 定位 */
.abs{
    position: absolute;
}
.rel{
    position: relative;
}

/* 样式组件 ---一般把项目中使用频率超过3次以上,都抽成样式类名*/

/* 字体大小 */
.f12{
    font-size: 12px;
}
.f14{
    font-size: 14px;
}
.f16{
    font-size: 16px;
}
.f18{
    font-size: 18px;
}
.f20{
    font-size: 20px;
}
.f22{
    font-size: 22px;
}
.f35 {
    font-size: 35px;
}

/* padding */
.plr30{
    padding:0 30px;
}
.p515{
    padding:5px 15px;
}


/* margin */
.mt18{
    margin-top: 18px;
}
.mt20{
    margin-top: 20px;
}
.ml10{
    margin-left: 10px;
}
.mt90{
    margin-top: 90px;
}
.tcenter {
    text-align: center;
}

.lh64 {
    line-height: 64px;
}

.lh22 {
    line-height: 22px;
}
.iblock {
    display: inline-block;
}
